$(function () {
    /* 自定义变单效果 */
    layui.form.verify({
        pwd: [
            /^\S{6,12}$/,
            '密码必须是6-12的非空字符'
        ],
        repwd: function (value, item) {
            var pwd = $('#form_reg input[name=password]').val().trim()
            if (pwd !== value) {
                return '俩次输入的密码不一样'
            }
        }
    })
    $('#link_reg').on('click', function () {
        //注册表单显示
        $('.reg-box').show()
        //登录变单隐藏
        $('.login-box').hide()
    })
    //单击  去登陆
    $('#link_login').on('click', function () {
        //登录表单
        $('.login-box').show()
        $('.reg-box').hide()
    })
    /* 注册表单 */
    $('#form_reg').on('submit', function (e) {
        //阻止默认提交事件
        e.preventDefault()
        //收集数据
        var username = $('#form_reg input[name=username]').val().trim()
        var password = $('#form_reg input[name=password]').val().trim()
        var repassword = $('#form_reg input[name=repassword]').val().trim()
        //console.log(username, password, repassword)
        $.ajax({
            method: 'post',
            url: '/api/reguser',
            data: {
                username,
                password
            },
            success(res) {
                console.log(res)
                if (res.status !== 0) {
                    return layui.layer.msg('注册失败', { icon: 5 })
                }
                layui.layer.msg('注册成功', { icon: 6 })
                //显示登录表单，进行跳转
                $('#link_login').click()
            }
        })
    })
    /* 效果四登录变单 */
    $('#form_login').on('submit', function (e) {
        e.preventDefault()
        var data = $(this).serialize()
        $.ajax({
            method: 'post',
            url: '/api/login',
            data: data,
            success(res) {
                console.log(res)
                if (res.status !== 0) {
                    return layui.layer.msg(res.message, { icon: 5 })
                }
                layui.layer.msg("登陆成功", { icom: 6 })
                //保存token到本地存储
                localStorage.setItem('token', res.token)
                location.href = 'index.html'
            }
        })
    })
})